<!--
<template>
  <div class="center" style="margin-top: 30px;margin-bottom: 150px">
    <el-row :gutter="20">
      <el-container>
        <el-main>
          &lt;!&ndash;左侧侧栏&ndash;&gt;
          <el-col :span="4">
            <el-card style="height: 500px">
              <el-menu
                  class="el-menu-vertical-demo">
                <el-menu-item class="side_info" index="1" @click="gotoAccount()"><i
                    class="el-icon-menu"></i><span>个人信息</span></el-menu-item>
                <el-menu-item class="side_info" index="2" @click="gotoInfo()"><i
                    class="el-icon-menu"></i><span>就诊人信息</span></el-menu-item>
              </el-menu>
            </el-card>
          </el-col>
        </el-main>
        &lt;!&ndash;右侧主体&ndash;&gt;
        <el-col :span="20">
          <router-view/>
        </el-col>
      </el-container>
    </el-row>
  </div>
  &lt;!&ndash;    不用footer 可直接在HomeView中修改引用&ndash;&gt;
</template>
<script>

export default {
  data() {
    return {
      loginInfo: {},
    }
  },
  methods: {
    /* gotoAccount() {
       if (this.$route.path!=='/personal/user/account') {
         this.$router.push('/personal/user/account');
       }
     },
     gotoInfo() {
       if (this.$route.path!=='/personal/user/info') {
         this.$router.push('/personal/user/info');
       }
     },*/
    // loadCurrentLoginInfo(){
    //   let loginInfoString=localStorage.getItem('loginInfo')
    //
    //   this.loginInfo = JSON.parse(loginInfoString);
    //   if (!this.loginInfo) {
    //     this.$router.push('/login/user');
    //     return;
    //   }else if (this.loginInfo.role!==1&&this.loginInfo.role!==2){
    //     this.$message.error('无权访问');
    //     this.$router.push('/home');
    //     return;
    //   }
    // },
  },
  created() {

  },
  mounted() {
    this.loadCurrentLoginInfo();
  }
}
</script>
<style>
body {
  background-color: rgb(241, 242, 243);
}

.center {
  margin: 0 auto;
  width: 1200px
}

.side_info:hover {
  background-color: #81c9f1;
}

.side_info:focus {
  color: #0aa1ed;
  background-color: #81c9f1;
}

.side_info.is-active {
  color: #0aa1ed;
}
</style>-->
<template>
  <div style=" margin: 0 auto;width: 1600px">
    <el-card>
      <el-container>
        <el-aside width="200px">
          <el-menu
              router
              :default-active="$router.currentRoute.path"
              class="el-menu-vertical-demo">
            <el-menu-item index="/personal/info">个人信息</el-menu-item>
            <el-menu-item index="/personal/client">就诊人信息</el-menu-item>
          </el-menu>
        </el-aside>
        <el-main>
          <router-view/>
        </el-main>

      </el-container>
    </el-card>
  </div>
</template>

<script>
export default {
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
}
</script>
<style>
/*background-color: rgb(241,242,243);*/
</style>